<!DOCTYPE html>
<html>
<head>
	<title></title>
	{% block stylesheets %}
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

		<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> -->
		<!--jquery-->
		<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

		<!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">

		<!-- Latest compiled and minified JavaScript -->
		<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>

		<!-- Latest compiled and minified Locales -->
		<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
	{% endblock %}	

	
		
</head>
<body>
	{% block body %}  
		<h1>User List</h1>
		
		  <table class="table" data-toggle="table" data-url="/slim/index.php/json" data-pagination="true" data-show-search="true" data-show-columns="true" data-icon-size="outline" data-mobile-responsive="true" data-height="500" id="tablelist" data-side-pagination="server">
			 <thead>
		  	<tr>
		  		<th data-field="id">ID</th>
			    <th data-field="user_name">用户名</th>
			    <th data-field="sex">性别</th>
			    <th data-field="age">年龄</th>
		  	</tr>
		  	</thead>
		  	
		  </table>
		  
		
	{% endblock %}

<script >
		 
	</script>
</body>
</html>


